<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv= "X-UA-Compatible" content = "IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>博艺网</title>
    <link rel="stylesheet" href="//res.wx.qq.com/open/libs/weui/1.1.1/weui.min.css">
    <link href="/common/css/weixin.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="/common/js/jquery-1.8.2.min.js"></script>
</head>
<body>

<div class="lunbo_header">
<#list adList as ad>
    <a target="_blank" href="/weixin/ad?id=${ad.getId()}"><img src="http://img.boyitongcheng.com/${ad.getImgUrl()}"/></a>
</#list>
</div>

<div class="weui-grids">
    <a href="/weixin/biz_list?channel_id=1" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_zchs.png" alt="">
        </div>
        <p class="weui-grid__label">找策划师</p>
    </a>
    <a href="/weixin/biz_list?channel_id=5" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_zzcr.png" alt="">
        </div>
        <p class="weui-grid__label">找主持人</p>
    </a>
    <a href="/weixin/biz_list?channel_id=6" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_zsys.png" alt="">
        </div>
        <p class="weui-grid__label">找摄影师</p>
    </a>
    <a href="/weixin/biz_list?channel_id=7" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_zhzs.png" alt="">
        </div>
        <p class="weui-grid__label">找化妆师</p>
    </a>
    <a href="/weixin/biz_list?channel_id=27" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_hssy.png" alt="">
        </div>
        <p class="weui-grid__label">找摄像师</p>
    </a>


    <a href="/weixin/biz_channel?position_id=1002&channel_id=9" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_hunqing.png" alt="">
        </div>
        <p class="weui-grid__label">婚庆服务</p>
    </a>
    <a href="/weixin/biz_channel?position_id=1002&channel_id=10" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_hqyy.png" alt="">
        </div>
        <p class="weui-grid__label">婚庆演艺</p>
    </a>
    <a href="/weixin/biz_channel?position_id=1002&channel_id=11" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_hqfw.png" alt="">
        </div>
        <p class="weui-grid__label">婚纱摄影</p>
    </a>
    <a href="/weixin/biz_channel?position_id=1002&channel_id=12" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_hczl.png" alt="">
        </div>
        <p class="weui-grid__label">婚车租赁</p>
    </a>
    <a href="/weixin/biz_channel?position_id=1002&channel_id=13" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_hyjx.png" alt="">
        </div>
        <p class="weui-grid__label">婚宴喜酒</p>
    </a>
    <a href="/weixin/biz_channel?position_id=1002&channel_id=14" class="weui-grid">
        <div class="weui-grid__icon">
            <img src="/common/icon/home/icon_jdyd.png" alt="">
        </div>
        <p class="weui-grid__label">酒店预订</p>
    </a>
</div>


<#--<div class="weui-panel weui-panel_access">-->
    <#--<div class="weui-panel__hd">当季推荐</div>-->
    <#--<div class="weui-panel__bd">-->

    <#--<#if curList??>-->

        <#--<#list curList as current>-->

            <#--<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">-->
                <#--<div class="weui-media-box__hd">-->
                    <#--<img class="weui-media-box__thumb" src="http://img.boyitongcheng.com/${current.getImgUrl()}" alt="">-->
                <#--</div>-->
                <#--<div class="weui-media-box__bd">-->
                    <#--<h4 class="weui-media-box__title">${current.getName()}</h4>-->
                    <#--<p class="weui-media-box__desc">${current.getSubtitle()!''}</p>-->
                <#--</div>-->
            <#--</a>-->
        <#--</#list>-->

    <#--</#if>-->

    <#--</div>-->
    <#--&lt;#&ndash;<div class="weui-panel__ft">&ndash;&gt;-->
        <#--&lt;#&ndash;<a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">&ndash;&gt;-->
            <#--&lt;#&ndash;<div class="weui-cell__bd">查看更多</div>&ndash;&gt;-->
            <#--&lt;#&ndash;<span class="weui-cell__ft"></span>&ndash;&gt;-->
        <#--&lt;#&ndash;</a>&ndash;&gt;-->
    <#--&lt;#&ndash;</div>&ndash;&gt;-->
<#--</div>-->

<#include "footer.ftl"/>

</body>
<script>
    $(function () {

        var headerImg = $('.lunbo_header img');
        var targetImg = $('.lunbo img');
        var lunbobtn = $('#lunbobtn li');
        var lunbo_txt = $('#lb_title li');
        var objInterval;
        var index = 0;

        //自动轮播
        function header_lunbo() {
            if (index > headerImg.length - 1) {
                index = 0;
            }
            $(headerImg).hide();
            $(headerImg[index]).show();
            index++;
        }

        objInterval = setInterval(header_lunbo, 2000);

        //自动轮播
        function lunbo() {
            if (index > targetImg.length - 1) {
                index = 0;
            }
            $(targetImg).hide();
            $(targetImg[index]).show();
            $(lunbobtn[index]).removeClass("btn").addClass("btnactive").siblings().removeClass("btnactive").addClass("btn");
            $(lunbo_txt[index]).removeClass("lb_title_txt").addClass("lb_title_txt_active").siblings().removeClass("lb_title_txt_active").addClass("lb_title_txt");
            index++;
        }

        objInterval = setInterval(lunbo, 2500);

        //按钮轮播
        $('#lunbobtn li').each(function (btnindex) {
            $(this).hover(function () {
                        $(this).removeClass("btn").addClass("btnactive").siblings().removeClass("btnactive").addClass("btn");
                        clearInterval(objInterval);
                        $(targetImg).hide();
                        $(targetImg[btnindex]).show();
                    },
                    function () {
                        index = btnindex + 1;
                        $(this).removeClass("btnactive").addClass("btn");
                        objInterval = setInterval(lunbo, 2000);
                    });
        });

        //标题轮播
        $('#lb_title li').each(function (btnindex) {
            $(this).hover(function () {
                        $(this).removeClass("lb_title_txt").addClass("lb_title_txt_active").siblings().removeClass("lb_title_txt_active").addClass("lb_title_txt");
                        clearInterval(objInterval);
                        $(targetImg).hide();
                        $(targetImg[btnindex]).show();
                    },
                    function () {
                        index = btnindex + 1;
                        $(this).removeClass("lb_title_txt_active").addClass("lb_title_txt");
                        objInterval = setInterval(lunbo, 2000);
                    });
        });



    });
</script>
</html>